Search Panel For Country Component
For understanding, how the component work, please refer to Search Panel Component
php artisan make:component searchPanelComponentForCountry
<div class="card border-primary mb-3">
<div class="card-header">Search</div>
<div class="card-body text-primary">
<div id="search" class="row">
<div class="col-sm-12 col-md-3">
<select name="country_id" id="country_id" class="form-control @error('country_id') is-invalid @enderror">
<option value="0">--Select a country --</option>
@foreach ($countries as $country)
<option value="{{ $country->id }}">{{ $country->name }}</option>
@endforeach
</select>
</div>
<div class="col-sm-12 col-md-3">
<select name="status" id="status" class="form-control">
<option value="1">Active</option>
<option value="0">Trash</option>
</select>
</div>
<div class="col-sm-12 col-md-3">
<button type="submit" class="btn btn-outline-primary btn-block"><i class="fa fa-search" aria-hidden="true"></i> Search</button>
</div>
<div class="col-sm-12 col-md-3">
<button type="button" onclick='location.replace("{{$link}}")' class="btn btn-outline-primary btn-block"><i class="fa fa-refresh" aria-hidden="true"></i> Reset</button>
</div>
</div>
</div>
</div>
class searchPanelComponentForCountry extends Component
{
public $countries;
public $link;
public function __construct($countries, $link)
{
$this->countries = $countries;
$this->$link = $link;
}
public function render()
{
return view('components.search-panel-component-for-country');
}
}
